.crumb {
    line-height: 35px;
    height: 35px;
    padding: 0 20px;
    background: #25415f;
    color: #aeaeb6;

    a {
        text-decoration: none;
        color: #fff;
    }

    .crumb-item {
        color: #ffffff;
        cursor: pointer;

        s-icon {
            color: #fff;
            margin: 0 10px 0 20px;
        }

        .text {

            &:hover {
                text-decoration: underline;
            }
        }

        &:first-child {

            s-icon {
                display: none;
            }
        }

        &.not-link {
            cursor: text;

            .text {

                &:hover {
                    text-decoration: none;
                }
            }
        }
    }
}

:host ::ng-deep {
    s-icon {
        i {
            color: inherit !important;
        }
    }
}
